<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>挂号陪诊</title>
	<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
<!-- 时间 -->
<link rel="stylesheet" href="../../assets/time/css/normalize3.0.2.min.css" />
<link rel="stylesheet" href="../../assets/time/css/style.css?v=7" />
<link href="../../assets/time/css/mobiscroll.css" rel="stylesheet" />
<link href="../../assets/time/css/mobiscroll_date.css" rel="stylesheet" />


		<script src="../../js/flexible.debug.js"></script>
		<script src="../../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/Register.css">
         
</head>
<body> 
	<header class="Register_header">
  <!-- 返回 -->
		<p class="Register_back"><img src="../../imgs/return.png"><span>挂号陪诊</span></p>
  <!-- 跳转到介绍 -->
		<p class="Register_to_serve">服务介绍</p>
	</header>
 
  <main class="Register_main">
  	<div class="main_top">
  	   <section class="Register_section">
  	  	 <p><img src="../../imgs/fangkuai.png"><span>请选择服务类型</span></p>
		     <p></p>
  	   </section>
      <!-- 切换事件 -->
    	 <div class="Register_zhujia">
  		  	<p>专家号</p>
  			  <p>特需号</p>
  		 </div>
  	
  	</div>
  	
  	 <section class="Register_infos">
  	 	



        <!-- 医院选择 -->
  	  	<div class="infos1 Register_to_opt">
    	 	     <img src="../../imgs/dd_infos1.png">
    	 	     <p><input type="text"  placeholder="北京儿童医院"/></p>
    	 	     <img src="../../imgs/dd_infos7.png">
  	  	</div>
  	 	
        <!-- 科室选择 -->
  	  	<div class="infos1 Register_to_departments">
      	 	   <img src="../../imgs/dd_infos2.png">
      	 	   <p><input type="text"  placeholder="请选择挂号科室(必选)"/></p>
      	 	   <img src="../../imgs/dd_infos7.png">
  	  	</div>
  	 	 
       <!-- 医生选择 -->
  	  	<div class="infos1 Re_to_doctor">
        	 	<img src="../../imgs/dd_infos3.png">
        	 	<p><input type="text"  placeholder="医生(不选,推荐最优)"/></p>
        	 	<img src="../../imgs/dd_infos7.png">
  	 	 </div>
  	 	 
       <!-- 疾病选择 -->
  	 	 <div class="infos1 Re_to_disease">
      	 	  <img src="../../imgs/dd_infos4.png">
      	   	<p><input type="text"  placeholder="请选择疾病(选填)"/></p>
      	 	  <img src="../../imgs/dd_infos7.png">
  	   </div>

  	 	 <!-- 就诊时间 -->
  	 	 <div class="infos1">
      	 	  <img src="../../imgs/dd_infos5.png">
      	 	  <p>
              <section id="form">
                <form action="">
                  
                  <input type="text" name="USER_AGE" id="USER_AGE" readonly class="input" placeholder="请填写你的出生日期" />
                  <div class="clear h10"></div>
                  
                </form>
              </section>

            </p>
      	 	  <img src="../../imgs/dd_infos7.png">
  	 	 </div>

        <!-- 患者信息 -->
       <div class="infos1 Re_to_patient">
            <img src="../../imgs/dd-touxiang.png">
            <p><input type="text"  placeholder="请选择患者信息"/></p>
            <img src="../../imgs/dd_infos7.png">
       </div>
  	 	
  	 	 <div class="infos1 infos2">
  	 	     <p>
              <img src="../../imgs/dd-bianji.png">
              <input type="text" placeholder="备注相关信息">
           </p>
  	 	 </div>

  	 </section>
  	<!-- 点击切换事件 -->
  	 <section class="main_bottom">
      	 <div class="infos3">
        	 	<p>初级挂号导诊 <img class="Register_to_serve" src="../../imgs/dd-btnn.png"></p>
        	 	<span></span><!-- <img  src="../../imgs/dd-checked.png"> -->
    	 	 </div>
    	 	
    	 	<div class="infos3">
        	 	<p>高级挂号导诊 <img class="Register_to_serve" src="../../imgs/dd-btnn.png"></p>
        	 	<span></span><!-- <img src="../../imgs/dd-yuan.png"> -->
    	 	</div>
  	 </section>

  </main>

<!--有点击事件-->	
  <footer class="footer">
  		<p class="Register_next">下一步</p>
  </footer>

<!--本地的jq与插件jq有冲突  -->
<!-- <script type="text/javascript" src='../../js/jquery.js'></script> -->


<script src="../../assets/time/js/jquery.min.js"></script>
<script src="../../assets/time/js/mobiscroll_date.js" charset="gb2312"></script>
<script src="../../assets/time/js/mobiscroll.js"></script>


  
  <script type="text/javascript">
    //返回
    $('.Register_back').click(function(){
       history.back();
    });

    //下一步
    $('.Register_next').click(function(){
       alert('您的信息已保存');
       history.back();

    });

    //跳转服务介绍
     $('.Register_to_serve').click(function(){
       location.href = "Reg_serve.html";
    });

     //效果
    $('.Register_zhujia p').click(function(){
       $(this).addClass('change').siblings().removeClass('change');
    });

    // 效果
    $('.infos3 span').click(function(){
       $(this).addClass('rot').parent().siblings().children('span').removeClass('rot');
    });
    //医院选择
    $('.Register_to_opt').click(function(){
       location.href = "Re_opt.html";
    });

    //科室选择
    $('.Register_to_departments').click(function(){
       location.href = "Re_depart.html";
    });

    
    //医生选择
    $('.Re_to_doctor').click(function(){
       location.href = "Reg_doctorlist.html";
    });

    //医生疾病
    $('.Re_to_disease').click(function(){
       location.href = "Re_disease.html";
    });
    

    //患者信息
    $('.Re_to_patient').click(function(){
       location.href = "Re_patient.html";
    });



    

    $(function () {
      var currYear = (new Date()).getFullYear();  
      var opt={};
      opt.date = {preset : 'date'};
      opt.datetime = {preset : 'datetime'};
      opt.time = {preset : 'time'};
      opt.default = {
        theme: 'android-ics light', //皮肤样式
        display: 'modal', //显示方式 
        mode: 'scroller', //日期选择模式
        dateFormat: 'yyyy-mm-dd',
        lang: 'zh',
        showNow: true,
        nowText: "今天",
        startYear: currYear - 50, //开始年份
        endYear: currYear + 10 //结束年份
      };

      $("#USER_AGE").mobiscroll( $.extend( opt['date'], opt['default'] ) );

    });
    // history.back();
  </script>

</body>
</html>